<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	
	
	<h:form id="formSendMail" prependId="true" >  
<div id="sendMail" align="right">
<p:commandButton value="Crear Mensaje" icon="ui-icon-pencil"  onclick="dlg.show()" />
    
  
    
  
    <p:dialog id="dialog" header="Nuevo Mensaje" widgetVar="dlg" resizable="false">  
  
        <h:panelGrid columns="1"  >  
        <p:growl id="growl" />  
            <h:outputLabel for="listUsers" value="Para:" />
            <p:autoComplete value="#{listMails.usuarios}" id="listUsers" completeMethod="#{listMails.complateUser}"  
                      onselect="#{listMails.getUsuarios}"  var="p" itemLabel="#{p.id.nombreCompleto}" itemValue="#{p}" converter="#{listMails.usuariosConverter}"  autocomplete="" forceSelection="true"    multiple="true"  >
                        <p:ajax event="itemUnselect" listener="#{listMails.handleUnselect}" update="growl" />   
                <p:column>  
                    <p:graphicImage value="resources/profilePictures/default.jpg" width="40" height="50"/>  
                </p:column>  
  
                <p:column>  
                    #{p.id.nombreCompleto} - #{p.id.nombreUsuario}  
                </p:column>  
            </p:autoComplete>   
              
              
            <h:outputLabel for="Asunto" value="Asunto:" />  
            <h:inputText   
                    id="Asunto" label="Asunto" />
                    
                    
                    <p:editor width="800"/>  
             <p:commandButton id="loginButton" value="Enviar"   actionListener="#{listMails.sendMail}"                
                    />                                                   
                    
            <f:facet name="footer">  
            
               
            </f:facet>  
            
                <p:separator style="margin-top:20px"/> 
        </h:panelGrid>  
          
          
          
    </p:dialog>  

</div>
</h:form>  
  <script type="text/javascript">  
    function handleLoginRequest(xhr, status, args) {  
        if(args.validationFailed || !args.loggedIn) {  
            dlg.jq.effect("shake", { times:5 }, 100); 
          
        }   
        else {  
            dlg.hide();  
            $('#loginLink').fadeOut();  
        }  
    }  
</script>  
		
	
                  
</html>
